home *** CD-ROM | disk | FTP | other *** search
/ L' Effet Pommier 3 / L'Effet Pommier - Volume 03.iso / Graphismes / Bitmap / Kai's Power Tips / Kai's Power Tips! / Kai's Power Tips!.rsrc / TEXT_129.txt < prev    next >
Text File  |  1995-11-21  |  10KB  |  192 lines

  1.  
  2.   Photoshop : KaiΓÇÖs Power Tips & Tricks : 
  3.  
  4. Requirements:  Photoshop, should work with any version, menu descriptions are for V2.0
  5. Screen:  This works down to 8 bit monochrome
  6. Author:  Kai Krause, Curved SpaceΓÇóDesign, Malibu       Contact:  Send E-mail to screen name ΓÇ£Kai KrauseΓÇ¥
  7. For comments, questions, further variations there is a corresponding folder on America Online in the    Macintosh Graphic Arts & CAD area (keyword ΓÇ£MGRΓÇ¥) under > Special Interest Groups > Photoshop > Discussion > ΓÇ£KaiΓÇÖs Power Tips & TricksΓÇ¥
  8.  
  9.  
  10.                    Secrets of Channel Operations:
  11.             #2  You need more Chops...
  12.               AllΓÇÖs well that blends well
  13.  
  14. What?  
  15. Because Chops are still the most undervalued tools in Photoshop and ΓÇÿalgorithmic paintingΓÇÖ is the next wave that just hasnΓÇÖt quite hit yet!  But here you are, owner of Photoshop and ready to partake in it right now. Sure this wonΓÇÖt replace 3-D Morphing as the best since sliced bread award winner, but in day to day nuts and bolts artwork it is indispensable. Maybe just for me? Well, take it or leave it. I LIVE with the stuff.
  16. In the first part about Channel Operations I introduced the concept of shadow and highlight multipliers and touched briefly on Subtract, Screen and Multiply. I will assume you have read part one first and wonΓÇÖt re-explain the wheel...
  17.  
  18. How?
  19. This time lets start with a little Blend trick...            
  20. As always, the effects can be generated at any size, exact numbers are only examples provided for repeatable results. Please no wagering.
  21.  
  22. 1) I will put a shape in here as a sample. ItΓÇÖs a Roger Dean ΓÇ£GΓÇ¥ from a logo letterform: ΓÇ£MagazineΓÇ¥ The bumpiness and raggedy lines are by design. ( Yes, itΓÇÖs another cleaned fax...)
  23.  
  24.  
  25.  
  26.  
  27.  
  28.  
  29.  
  30.  
  31.  
  32.  
  33.  
  34.  
  35.                                                                                                                                     
  36.                                                                                                                                                     fig. 1
  37.  
  38. Now, in the days before the Emboss filter made such things very easy I used the following technique to create those types of reliefs. Interestingly enough, I still come back to it, as it allows other variations than Filter > Emboss (which I use as well, of course) and in this context it sheds light on the nature of ΓÇ£BlendΓÇ¥
  39.  
  40.  
  41. Lets have a look at Image > Calculate > Blend...
  42. Interestingly enough, there are a total of nine lines of description in the Adobe Photoshop manual and even in the otherwise very useful Photoshop Handbook there is not a single mention in the entire book or index!  I guess it must not be of any obvious use? LetΓÇÖs change that!
  43.  
  44. Blend will add together the brightness values of each pixel in two images. (similar to Add..) and it allows you to shift the relative dominance of either one, expressed as a percentage. Normally at 50% they are equally ΓÇ£strongΓÇ¥. (Again to develop useful tools, I will keep mostly in Grayscale mode, at least for the ΓÇÿoperandΓÇÖ file. You can indeed have RGB and CYMK for both images and they may create neat effects with Chops, but for the purpose of creating a serious ΓÇÿvocabularyΓÇÖ of predictable effects I find it useful to separate the color art from the mono masks and channel operators (as seen in the Shadow Multiplier document).  
  45.  
  46.  
  47.  
  48.  
  49.  
  50.  
  51.  
  52.  
  53.  
  54.  
  55.  
  56.  
  57.  
  58.  
  59.  
  60.  
  61.  
  62.  
  63.  
  64. Simple point here: if we duplicate and invert U-1 we will have the ΓÇÿexact oppositeΓÇÖ in U-2:
  65.   
  66.  
  67.  
  68.  
  69.  
  70.  
  71.                            U-1                                                   U-2
  72.  
  73. Fig. 2a) Normal            and              2b) Inverted
  74. Now it is easy to see that combining each corresponding pixel pair will get you the average of the two, which in this case is an even shade of gray... White (256) plus Black (0) gets you Gray (128). 
  75. The average is ( A + B ) / 2   in case you had mumps that day.
  76.  
  77.                 Note : If the blends and gradients donΓÇÖt look very smooth to you, check if the little Apple icon in the upper left corner has color stripes.  It is supposed to be gray! If you have color there, you are still in the 16 shades of gray of the system palette and you are missing 240 additional ones... Go to the ΓÇÿControl PanelΓÇÖ under the Apple menu and in ΓÇÿMonitorsΓÇÖ set it to 256 GRAYS! Big difference...
  78.  
  79.  
  80.  
  81.  
  82.  
  83.  
  84.  
  85.  
  86.  
  87.  
  88.  
  89.  
  90.  
  91.  
  92.    Fig 3)
  93. Here we see further examples. DoesnΓÇÖt make for great romantic novel reading, but to understand, it helps
  94. Upper left                                 : black plus white yields solid grey.    0 and 256 = 128     56 and 200 =
  95.                                                                                                             128 
  96. Upper right                         : black &white plus gray yields toned versions of the same b&w.   In
  97.                                                                                                                 the Formula example black   (0)   and gray (128) gets you lighter black
  98.                                                                                                                     = gray  (64)  
  99. Lower right                            : white (256) and gray (128) gets you darker white = gray (192)
  100. Lower left                                 : black & white plus a gradient gets you the same b & w toned up and
  101.                                                                                                                 down by the gradient  You can easily look at corresponding pixels and
  102.                                                                                                                 mentally add them together to see how the right resulting image is a
  103.                                                                                                                 true blend of the two...
  104.  
  105. Well, thatΓÇÖs why they call it Blend anyway. 
  106.  
  107. Ok, after some of these ΓÇÿexercisesΓÇÖ to get an intuitive feel for the operation, here is the trivial explanation of a very powerful technique for reliefs of all kinds: If the two images being blended (Source 1 and 2) are exact matching duplicates and one is inverted, they ΓÇÿcancel each otherΓÇÖ and we get plain grey. But what if they are not exactly registered, but slightly offset from one another?      Voila, embossing-city...
  108.  
  109.  
  110.  
  111.  
  112.  
  113.  
  114.                     Fig. 4)
  115.  
  116. The middle image is the inverted duplicate and is moved up and left one pixel. After Blend you get the Relief on the right... (that one is damn close to identical to the Embossing filter set at 1 pixel....)
  117.                 Tip >>> you have several options to offset the second image. The most obvious is Filter > Other > Offset... where you can just type in the pixels (-1, -1) in this case, and use repeat edge for the least nuisance effects. The minus offset is to move it up and left, in order to get a highlight up left. You can of course put it anywhere you like... In this case I simply marqueed tightly around the shape and used the option key (that causes a copy to be moved, which leaves a trail in the edge color behind just moving it would have put a white space there...) Since I wanted to move just a pixel, I used the arrow keys (ΓÇÿnudgingΓÇÖ). So ΓÇ£option / left arrow / up arrowΓÇ¥ takes about a half a second...
  118.  
  119. Well letΓÇÖs zoom past the little Emboss filter emulation to other possibilities, because it is a LOT more powerful than that!  The plain shape (4a) will be our main image ΓÇ£Source 1ΓÇ¥ in all these examples.
  120. Let us take the inverted duplicate and use Filter > Blur > Gaussian Blur... set to ΓÇ£4ΓÇ¥ on it. This gets us figure 5), a blurred shape, which we then offset  -4x  -3y (left and up). Now letΓÇÖs Blend...!
  121.   
  122.  
  123.  
  124.  
  125.  
  126.  
  127.  
  128.  
  129.  
  130.                                                                                                                                             Fig. 5)                                                                                                                                                                     Fig.6)
  131.  
  132. Aha! Figure 6) now has a light corona effect and a good shadowy curvature on the right. This can be made into very cool effects and images... 
  133.                 Note : As you may know by now, it is the algorithmic nature of these processes that is so powerful and once you have these tool primitives you can combine them to ever more complex pictures. One Blend by itself is nothing exciting...but fig 6) is a good intermediate mask file to have!
  134. Ok, subtle as it is, here is an example how just the offset direction and one inversion can have very interesting results: If we offset Fig. 5 down and right +4x and +3y and then Invert, here is how that looks
  135.  
  136.  
  137.  
  138.  
  139.  
  140.  
  141.  
  142.  
  143.  
  144.                                                                                                                                                                     Fig. 7)
  145.  
  146. and if we take fig 5) the blurred shape and use Filter > Stylize > Find Edges we get this nice version of a halo edge: Fig 8)  (The filters have a whole chapter unto themselves. This is a mere peek...).   Now using fig 5) and fig 8) blended results in fig 9). Even more ΓÇÿdepthyΓÇÖ than 7). Actually it is starting to look metallic quicksilvery now, which is not a bad thing... (You can go from figure 1) to 9) with a simple 6-step macro automatically....)
  147.   
  148.  
  149.  
  150.  
  151.  
  152.  
  153.  
  154.  
  155.  
  156.                                                                                                                                             Fig. 8)                                                                                                                                                                        Fig. 9)
  157.  
  158. The fun is that you now have all these windows open and can start to mix and match!  Blend 7) & 8) and invert, for example, and you get this depthy morsel:
  159.  
  160.  
  161.  
  162.  
  163.  
  164.  
  165.  
  166.  
  167.  
  168.                                                                                                                                                         Fig. 10)
  169.  
  170. More combinations: a copy of fig 8 inverted and thinned with Levels... gets you Fig 11), which, blended with 10) gets you 12 and with the original 8) plus invert gets you fig. 13)...
  171.    
  172.  
  173.  
  174.  
  175.  
  176.  
  177.  
  178.  
  179.  
  180.  
  181.  
  182.                                                 Fig. 11)                                                                                                                                                     Fig. 12)                                                                                                                                                                     Fig 13)
  183.  
  184. Not a bad little set of sketches for just a few mouse clicks... and we are still using only Blend, we are still mono, we have no other textures open, etc. etc. etc.   And all the pointers from the other documents can be combined as well (e.g. multiply a shadow underneath any of these, or a halo behind it....)
  185.  
  186. Since we have merely played with the one Channel Operation, ΓÇ£BlendΓÇ¥, here, there is obviously another part III coming, just to cover the basics of the other Chops. And quite likely a part IV & V to uncover all the fun tricks that they are capable of in conjunction with each other. This should get some of you started in a few new directions...
  187.  
  188. PS:
  189. You could add a note in the feedback folder mentioned at the top if you have results to share with others. Please let AOL and Adobe know if you find these tips useful.
  190.  
  191. Happy Photoshopping,     Kai Krause
  192.